@import "src/css/mixin";

#LoginForm {
  background-color: #fff;
  height: 100%;
  width: 100%;
  p{
    font-size: .12rem;
    color: #83848E;
    letter-spacing: 0;
    line-height: .12rem;
    margin-top: .12rem;
    text-align: center;
  }
  .login-title {
    height: 0.25rem;
    font-size: 0.25rem;
    font-weight: 600;
    letter-spacing: 0px;
    color: $blue;
    line-height:1;
    margin-top: 0.3rem;
    margin-bottom:0.47rem;
  }
  .login-label {
    display: block;
    height: .12rem;
    font-size: .12rem;
    font-weight: 600;
    letter-spacing: 0px;
    color: $black;
    line-height:1;
  }
  .login-phone {
    position: relative;
    width: 100%;
  }
  
  .form-control {
    width:100%;
    height: 0.46rem;
    font-size: 0.14rem;
    font-weight: 300;
    line-height: 1;
    color: $black;
    padding-left:0;
    border: none;
    box-shadow: none;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    border-bottom: solid 1px $linecolor;
    outline: 0;
    list-style: none;
    border-bottom: 1px solid #e3e8ee;
    -webkit-appearance: none;
    padding-top: .14rem;
    padding-bottom: .15rem;
  }
  .form-control:focus {
    text-align: left;
    border-bottom: solid 1px $blue;
  }
  .form-control::-webkit-input-placeholder {
    　　color: $lightgray !important; /* WebKit browsers */
  }
  .form-control:-moz-placeholder {
    　　color: $lightgray !important; /*Mozilla Firefox 4 to 18 */
  }
  .form-control::-moz-placeholder {
    　　color: $lightgray !important; /*Mozilla Firefox 19+ */
  }
  .form-control:-ms-input-placeholder {
    　　color: $lightgray !important; /*Internet Explorer 10+ */
  }
  
  .login-btn {
    margin-top: 1.16rem;
    position: relative;
    .btn {
      width: 100%;
      height: 0.55rem;
      border-radius: 2px;
      background-color: $blue;
      padding: 0;
      margin: 0;
      font-weight:600;
    }
  }
  //错误提示
  .phone-check{
    position: absolute;
    right: 0.27rem;
    top: 0.38rem;
    height: 0.14rem;
    font-size: 0.2rem;
    font-weight: 300;
    line-height: 1;
  }

  .icon-checkmark-pc{
    color: #7ed321;
  }
  .icon-error-pc{
    color: #fe3824;
  }
  .icon-error{
    // width: 0.15rem;
    // height: 0.15rem;
    font-size: 0.12rem;
    display: inline;
    margin-right:8.5px;
    top: 1px;
    position: relative;
  }
  .error-data{
    font-size: 14px;
    display: inline;
  }
  .code-check{
    position: absolute;
    top:-0.28rem;
    height: 0.14rem;
    font-weight: 300;
    line-height: 1;
    color: #fe3824;
    font-size: 0.12rem;
  }
  .inquiry-tips{
    width: 2.4rem;
    position: absolute;
    height: 0.14rem;
    left:0.3rem;
    bottom:-0.19rem;
    font-size: 0.12rem;
    font-weight: 300;
    line-height: 1;
    color: #f5a623;
  }
}